<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>go哥的表单标签</title>
</head>


<body>
<h4>欢迎登录</h4>
<!--表单标签的使用 实现用户和系统的交互
form
action 表单数据发送的服务器地址
method 请求的方式
 get 获取数据
 post添加数据 安全性高
 put修改数据
 delete删除数据
 option-->
<form action="http://www.baidu.com" method="post"><
<!--required必填项 readonly  placeholder 文本提示-->
<p>用户名：<input type="text" value="admin"name="username"required placeholder="请输入用户名"></p>
<p>密码：<input type="password"value="123456"name="password"placeholder="请输入密码"></p>
<!--name属性一样 单选-->
<p>性别：<input type="radio"name="sex" value="女"checked>女<input type="radio"name="sex"value="男">男</p>
<!--复选框-->
<p>兴趣：<input type="checkbox"checked name="hobby1">足球<input type="checkbox"name="hobby2">篮球<input type="checkbox"name="hobby3">排球
</p>
<!--下拉列表-->
<p>
    省：<select name="city" id="">
        <option >安徽省</option>
        <option selected>湖南省</option>
        <option >美国省</option>
        <option >南极省</option>
    </select>
</p>
<!--文本域-->
<p>详细信息：<textarea cols="30" rows="10"name="info"></textarea></p>
<!--提交按钮-->
    <input type="submit"value="提交">
    <input type="reset"value="重置">
</form>

</body>
</html>